page{
  height:100%;
  background-color:#fff;
}
.commission-detail-container{
  .commission-detail-top{
    display:flex;
    width:100%;
    height:134rpx;
    background-color: #343434;
    align-items:center;
    justify-content: space-between;
    .commission-detail-top-l{
      margin-left:35rpx;
      view{
        font-size:30rpx;
        color:#fff;
        &:last-child{
          margin-top:20rpx;
        }
      }
    }
    .commission-detail-top-b{
      width: 150rpx;
      height: 60rpx;
      margin-right:30rpx;
      text-align:center;
      line-height:60rpx;
      font-size: 24rpx;
      color:#000;
      background-color: #ffffff;
      border-radius: 6rpx;
    }
  }
  .commission-detail-panel{
    margin-bottom:460rpx;
  }
  .commission-detail-panel-cont{
    display:flex;
    width:100%;
    height:88rpx;
    background-color: #fff;
    align-items:center;
    justify-content: space-between;
    border-bottom:1rpx solid #e6e6e6;
    text{
      font-size:28rpx;
      color:#000;
      &:first-child{
        margin-left:28rpx;
      }
      &:last-child{
        margin-right:32rpx;
      }
      &.c-red-m{
        color: #993333;
      }
    }
  }
  .no-can-reflect{
    display:inline-block;
    height:88rpx;
    line-height:88rpx;
    text-align:center;
    width: 92%;
    font-size: 30 rpx;
    background-color: #eee;
    color: #999;
    border-radius:7rpx;
    position:fixed;
    left:4%;
    bottom:88rpx;
    &.active{
      background-color: #993333;
      color:#fff;
    }

  }
}